<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>

<html:form action="email.do" method="post" styleClass="hform">
		<ul>
			<li>
				<label>Correo: </label>
				<html:text styleId="correo" styleClass="ui-widget-header" property="correo"/> 
				<script type="text/javascript">
					var f1 = new LiveValidation('correo', { validMessage :" ", wait :5});
					f1.add(Validate.Presence, {failureMessage :"  Campo obligatorio."	});
					f1.add(Validate.Email);
				</script>
			</li>
			<li>
				<label>Tipo:</label> 
				<html:select property="tipo" styleId="tipo" styleClass="ui-widget-header" size="1">
					<html:option value="Selecciona...">Selecciona...</html:option>
					<html:option value="Casa">Casa</html:option>
					<html:option value="Trabajo">Trabajo</html:option>
					<html:option value="Personal">Personal</html:option>
					<html:option value="Otro">Otro</html:option>
				</html:select>
				<script type="text/javascript">
					var var1 = new LiveValidation('sexo', { validMessage: " ", wait: 5 });
					var1.add(Validate.Exclusion, { within: ['Selecciona...'], failureMessage: "Selecciona una opcion"});
				</script>
			</li>			
			<li>
				<label>Descripcion:</label> 
				<html:textarea styleId="descripcion" styleClass="ui-widget-header" property="descripcion" rows="2" cols="31"/>
			</li>
		</ul>
		<br>
		<div id="izq">		
			<html:hidden property="accion" value="setInfo"/>			
			<button type="submit" class="ui-state-active ui-corner-all">
					<span style="vertical-align:middle;"><img src="images/guardar.png" height="24" ></span>
					<span style="vertical-align:middle; padding: 0 0 13px;">&nbsp;Guardar&nbsp;</span>					
			</button>
			&nbsp;&nbsp;
			<button id="limpiar" type="reset" class="ui-state-active ui-corner-all">
				<span style="vertical-align:middle;"><img src="images/limpiar.png" height="24"></span>
				<span style="vertical-align:middle; padding: 0 0 13px;">&nbsp;Limpiar&nbsp;</span>								
			</button>
		</div>
		<br/><br/>
</html:form>
